<template>
    <div id="example" class="font-default">
        <example-button></example-button>
        <example-input></example-input>
        <example-check></example-check>
        <example-radio></example-radio>
        <example-switch></example-switch>
        <example-select></example-select>
        <example-datepicker></example-datepicker>
        <example-tag></example-tag>
        <example-table></example-table>
        <example-pagination></example-pagination>
        <example-tree></example-tree>
        <example-calendar></example-calendar>
        <example-modal></example-modal>
        <example-message-box></example-message-box>
        <example-toast></example-toast>
        <example-steps></example-steps>
        <example-timeline></example-timeline>
        <example-scroll-load></example-scroll-load>
    </div>
</template>

<script>
    import "./css/font.css";
        
    import ExampleButton from "./ExampleButton.vue";
    import ExampleInput from "./ExampleInput.vue";
    import ExampleCheck from "./ExampleCheck.vue";
    import ExampleRadio from "./ExampleRadio.vue";
    import ExampleSwitch from "./ExampleSwitch.vue";
    import ExampleSelect from "./ExampleSelect.vue";
    import ExampleDatepicker from "./ExampleDatepicker.vue";
    import ExampleTag from "./ExampleTag.vue";
    import ExampleTable from "./ExampleTable.vue";
    import ExamplePagination from "./ExamplePagination.vue";
    import ExampleTree from "./ExampleTree.vue";
    import ExampleCalendar from "./ExampleCalendar.vue";
    import ExampleModal from "./ExampleModal.vue";
    import ExampleMessageBox from "./ExampleMessageBox.vue";
    import ExampleToast from "./ExampleToast.vue";
    import ExampleSteps from "./ExampleSteps.vue";
    import ExampleTimeline from "./ExampleTimeline.vue";
    import ExampleScrollLoad from "./ExampleScrollLoad.vue";
        
    export default {
        name: "Example",
        components: {
            ExampleButton,
            ExampleInput,
            ExampleCheck,
            ExampleRadio,
            ExampleSelect,
            ExampleDatepicker,
            ExampleSwitch,
            ExampleTag,
            ExampleTable,
            ExamplePagination,
            ExampleTree,
            ExampleCalendar,
            ExampleModal,
            ExampleMessageBox,
            ExampleToast,
            ExampleSteps,
            ExampleTimeline,
            ExampleScrollLoad
        }
    }
</script>

<style>
</style>
